@charset "utf-8";
/* 
 * TreeUI v1.05
 * 2019/08/03
 * www.ruletree.club
 */
/*全局基本样式*/
*{margin:0;
padding:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;}
body{font-size:15px;
color:#535658;}
style{display:none;}
html{
-webkit-text-size-adjust:100%;
-ms-text-size-adjust: 100%;}
:after,:before{-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;}
a{text-decoration:none;
color:#1f8abf;
transition: 0.2s all;
-webkit-transition: 0.2s all;
-moz-transition: 0.2s all;
-o-transition: 0.2s all;
-ms-transition: 0.2s all;
text-decoration: none;}
img{transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;}
#overlay{background: #000;
filter:alpha(opacity=50);
opacity:0.4; 
position: absolute;
display:none;
top:0px;
left:0px;
width:100%;
height:100%;
z-index:600;
_background-color:#000;}
@media print {
	a,a:visited{text-decoration:underline;}
	a[href]:after{content:" (" attr(href) ")";}
	abbr[title]:after{content:" (" attr(title) ")";}
	a[href^="#"]:after,
	a[href^="javascript:"]:after{content:"";}
	thead{display:table-header-group;}
	tr,img{page-break-inside: avoid;}
	img{max-width:100% !important;}
	p,h2,h3{orphans:3;
	widows:3;}
	h2,h3{page-break-after: avoid;}
	.table{border-collapse: collapse !important;}
	.table td,.table th{background-color: #fff !important;}
}

/*常用基本类*/
.left{float:left;}
.right{float:right;}
.center{float:none;
margin:0 auto;}
.width-auto{width:auto !important;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.text-nowrap{white-space: nowrap;}
.text-default{color:#1476a3;}
.text-warning{color:#d29b15;}
.text-important{color:#d44653;}
.text-success{color:#12a052;}
.text-default:active{color:#156990;}
.text-warning:active{color:#b0810e;}
.text-important:active{color:#b93d48;}
.text-success:active{color:#0f8544;}
.text-small{font-size:13px;}
.block{display:block;}
.hidden{display:none;}
.inline-block{display:inline-block;}
.inline-table{display:inline-table;}
.transition{transition: 0.5s all;
-webkit-transition: 0.5s all;
-moz-transition: 0.5s all;
-o-transition: 0.5s all;
-ms-transition: 0.5s all;}
.no-padding{padding:0 !important;}
.no-margin{margin:0 !important;}
.no-float{float:none !important;}
.no-background{background:none !important;}
.margin{margin-top:10px;
padding-bottom:10px;}
.margin-big{margin-top:15px;
padding-bottom:15px;}
.padding-big{padding-right:30px;
padding-left:30px;}
.padding{padding-right: 15px;
padding-left:15px;}
.padding-small{padding-right:10px;
padding-left:10px;}
.shadow{-webkit-box-shadow:0 1px 5px rgba(0,0,0,.2);
box-shadow:0 1px 5px rgba(0,0,0,.2);}
.shadow-big{-webkit-box-shadow:0 1px 10px rgba(0,0,0,.2);
box-shadow:0 1px 10px rgba(0,0,0,.2);}
.radius-big{border-radius:12px;}
.radius-normal{border-radius:8px;}
.radius-small{border-radius:4px;}
.btn{padding:5px 12px;
background:#a5a5a5;
color:#fff;
font-size:14px;
white-space: nowrap;
line-height: 1.42857143;
white-space: nowrap;
border-radius: 4px;}
.btn-small{padding:3px 5px;
border-radius:4px;
background:#a5a5a5;
color:#fff;
white-space: nowrap;
font-size:12px;}
.btn-big{padding:10px 15px;
border-radius:4px;
white-space: nowrap;
background:#a5a5a5;
color:#fff;
font-size:16px;}

.default{background:#1476a3;
color:#fff !important;}
.warning{background:#d29b15;
color:#fff !important;}
.important{background:#d44653;
color:#fff !important;}
.success{background:#12a052;
color:#fff !important;}
.default:active{background:#156990;}
.warning:active{background:#b0810e;}
.important:active{background:#b93d48;}
.success:active{background:#0f8544;}
.overflow-auto{overflow:auto;}
.overflow-hidden{overflow:hidden;}
.overflow-visible{overflow:visible;}
.overflow-inherit{overflow:inherit;}
.absolute{position:absolute;}
.fixed{position:fixed;}
.inherit{position:inherit;}
.relative{position:relative;}
.static{position:static;}
.overflow-hidden{overflow:hidden;}
.overflow-inherit{overflow:inherit;}
.overflow-scroll{overflow:scroll;}
.overflow-auto{overflow:auto;}
.white{background:#fff;}
.black{background:#000;}
.opacity-big{filter:alpha(opacity=50);
-moz-opacity:0.50;
-khtml-opacity:0.5;
opacity:0.50;}
.opacity{filter:alpha(opacity=80);
-moz-opacity:0.80;
-khtml-opacity:0.8;
opacity:0.80;}
.opacity-small{filter:alpha(opacity=95);
-moz-opacity:0.95;
-khtml-opacity:0.95;
opacity:0.95;}

/*文本样式*/
.nowrap{white-space:nowrap;}
.break-word{word-wrap:break-word;
word-break:normal;}
.break-all{word-break:break-all;}
a:active,a:hover{outline: 0;}
.h1,h1{font-size:36px;}
.h2,h2{font-size:30px;}
.h3,h3{font-size:24px;}
.h4,h4{font-size:18px;}
.h5,h5{font-size:14px;}
.h6,h6{font-size:12px;}
.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:68%;
font-weight: normal;}
ul,ol{margin-top:0;
margin-bottom:10px;}
ul ul,ol ul,ul ol,ol ol{margin-bottom: 0;}
dl{margin-top: 0;
margin-bottom: 20px;}
dt,dd{line-height: 1.42857143;}
dt{font-weight: bold;}
dd{margin-left: 0;}

/*表格样式*/
fieldset {padding: .35em .625em .75em;
margin: 0 2px;
border: 1px solid #c0c0c0;}
legend {padding: 0;
border: 0;}
textarea {overflow: auto;}
optgroup {font-weight: bold;}
table {border-spacing: 0;
border-collapse: collapse;}
thead{display:table-header-group;
vertical-align:middle;
border-color:inherit;}
thead td,thead th{font-weight:600;
font-size:15px;}
tbody{display:table-row-group;
vertical-align:middle;
border-color:inherit;}
td,th {padding:0;
text-align:center;}
.table{width:100%;
max-width:100%;
font-size:14px;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
padding:8px;
line-height:1.42857143;
vertical-align:top;
border-top:1px solid #ddd;}
.table-box>tbody>tr>td{border:none;}
.table-box{border:none;}
.table-title{line-height:35px;
background:#f6f6f6;
border-bottom:2px solid #ddd;}
.table-default{background:#d1eefc;}
.table-warning{background:#f9eac5;}
.table-important{background:#ffd5d9;}
.table-success{background:#d6fde8;}
.table-default:active{background:#b9d2de;}
.table-warning:active{background:#dccfad;}
.table-important:active{background:#dfb9bd;}
.table-success:active{background:#bde1ce;}
.table-striped td,.table-striped th{border-top:none !important;}
.table-striped tr{background:#f3f3f3;}
.striped{background:#fff !important;}
.table-hover tr:hover,.table-hover tr:hover td,.table-hover tr:hover th{background:#f6f6f6;}
.form-group{width:90%;
margin:0 auto;
padding:10px 0px;}

/*盒子样式*/
div{height:auto;
zoom:1;}
.box-row{margin-right:-15px;
margin-left:-15px;}
.box{width:95%;
margin:0 auto;}
.box-big{width:98%;
margin:0 auto;}
.box-small{width:90%;
margin:0 auto;}
.box-auto{width:auto;}
.box-full{width:100%;}

/*表单样式*/
.form{width:100%;
padding:10px 0px;}
.form button,.form input[type="button"]{margin-top:15px;}
label{margin-top:6px;}
button,input,optgroup,select,textarea{margin: 0;
font: inherit;
color: inherit;
border-radius:4px;}
button{overflow: visible;}
button,input[type="button"]{border:none;}
button,select {text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;}
button[disabled],
html input[disabled]{cursor: default;
background:#f6f6f6;}
button::-moz-focus-inner,input::-moz-focus-inner {
padding: 0;
border: 0;}
input{line-height: normal;}
input[type="checkbox"],input[type="radio"]{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"] {-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
.input-text{display: block;
width: 100%;
height: 30px;
padding: 5px 10px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
textarea{height:auto !important;}
.input-text:focus{border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);}
.outline-none{outline:none;}
.input-text::-moz-placeholder {color: #999;
opacity: 1;}
.input-text:-ms-input-placeholder {color: #999;}
.input-text::-webkit-input-placeholder {color: #999;}
.input-text::-ms-expand {background-color: transparent;
border: 0;}
.input-text[disabled],.input-text[readonly],fieldset[disabled] .input-text {
background-color:#eee;
opacity:1;}
.input-text[disabled],fieldset[disabled] .input-text {
cursor: not-allowed;}
textarea.input-text {height: auto;}
input[type="search"] {-webkit-appearance: none;}
label{display:inline-block;
max-width:100%;
margin-bottom:5px;
font-weight:bold;}
input[type="search"]{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;}
input[type="radio"],input[type="checkbox"]{
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;}
input[type="file"]{display:block;}
input[type="range"]{display:block;
width: 100%;}
select[multiple],select[size] {
height: auto;}
input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;}
.form-text{display:block;
width:100%;
height:30px;
padding:5px 8px;
font-size:14px;
line-height:1.42857143;
color:#555;
background-color:#fff;
background-image:none;
border:1px solid #ccc;
border-radius:4px;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}
.form-btn{display: inline-block;
padding: 4px 8px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;}

/*媒体相关*/
.cover{width:100%;}

/*动态相关*/
.toggle{}
.fadetoggle{}
.slidetoggle{}
.masktoggle{}


/*提示框*/
.tips{width:100%;
position:fixed;
top:25%;
z-index:1000;
padding:5px 0px;}
.tips-box{width:280px;
margin:0 auto;
border-radius:4px;
-webkit-box-shadow:0 1px 10px rgba(0,0,0,.2);
box-shadow:0 1px 10px rgba(0,0,0,.2);}
.tips-title{width:100%;
height:30px;
line-height:30px;
padding:0px 10px;
background:#535658;
color:#fff;
font-size:14px;}
.tips-concent{width:100%;
padding:15px 10px;}
.tips-close{float:right;}

/*动画效果*/
@-webkit-keyframes rotation{from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}}
.rotation{-webkit-transform: rotate(360deg);
animation: rotation 1s linear infinite;
-moz-animation: rotation 1s linear infinite;
-webkit-animation: rotation 1s linear infinite;
-o-animation: rotation 1s linear infinite;}
.rotate-hover:hover{transform:rotate(360deg);
-ms-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);}